<template>
   <h2>子组件{{ modelValue }}</h2>
  <button @click="btn">点击开关</button>
</template>

<script>
export default {
  name: 'Son',
  props: {
    // 1. 子组件通过 modelValue 接收 v-model 传递过来的数据
    modelValue: {
      type: Boolean,
    },
  },
  setup(props, { emit }) {
    // console.log(props)
    const btn = () => {
      // 点击取反
      const temp = !props.modelValue
      // 2. 子组件通过 update:modelValue 通知父组件做 v-model 值的更新
      emit('update:modelValue', temp)
    }
    return { btn }
  },
}
</script>

<style>

</style>